<!--公共头部-->
{template 'aitimt/common/header'}
		<style>
		.item-content{margin-top:40px ;}
		.item-content img{width: 100%;height: 10rem;}
		.item-content .item-title{font-size: 16px;color: #000000;font-weight: 600;}
		.item-content .item-price{font-size: 16px;color: #ff1600;float: right;margin-right: 5%;}
		.item-content .item-price .item-qi{font-size: 10px;color: #595757;}
		.item-content .item-addtime {font-size: 10px;color: #595757;margin-left: 5%;}
		.item-content .item-txt {margin-top: 0.9375rem;margin-left: 5%;}
		.item-content .item-addtime p{font-size: 10px;color: #595757;}
		.mui-table-view .mui-media, .mui-table-view .mui-media-body{line-height: 2rem;}
		.mui-slider-indicator.mui-segmented-control .mui-control-item {border-bottom: 1px solid rgba(0,0,0,0.05);color: #585858;}
		.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #585858;}
		.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active:after{content: '';position: absolute;bottom: 0;height: 3px;width: 40%;display: -webkit-box;margin-left: 5%;background-color: #E94709;}
		.addtime{padding-top: 10px;font-size: 10px;}
		.mui-media-body{text-align: center;line-height: 25px;}
		.mui-bar-tab .mui-tab-item{color: #555657;border-right: 1px solid #ececec;}
		.mui-bar-tab .mui-tab-item.mui-active{color: #555657;}
		.mui-bar-tab{background: #FFFFFF;font-size: 14px;height: 45px!important;display: unset}
		.mui-scroll .mui-table-view .mui-table-view-cell{padding: 10px 0 5px 0;border-bottom: 1px solid #c8c7cc;}
		.baoming{background: #e94709;}
		.endbao{background: #e4e4e4;}
		.baoming span{color: #FFFFFF;}
		.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {border:0;}
		.comment-img{max-width: 20px!important;height: 20px!important;border-radius: 30px;}
		.comment-nickname{line-height: 20px;font-size: 10px;color:#E94709}
		.comment-time{float: right; line-height: 0;font-size: 10px;margin-top: 8px }
		.comment-textarea{height:80px;border-radius:10px;background-color: #ffffff;margin: 2% 5%;width: 90%; font-size: 15px;}
		.comment-content .mui-icon{font-size: 14px;float: right;margin-top:15px;margin-left:15px;color: #4e4e4e;}
		.comment-content{text-indent: 5px;margin-bottom: 20px;margin-top: 5px;font-size:13px;white-space:normal;word-break:break-all;word-wrap:break-word;line-height: 20px; }
		.reply-list{margin-top: 5px;margin-left: 10%; width: 90%;margin-bottom: 10px;}
		.reply-img{max-width: 20px!important;height: 20px!important;border-radius: 30px;}
		.reply-nickname{line-height: 20px;font-size: 10px;color:#E94709}
		.reply-time{float: right; line-height: 0;font-size: 10px;margin-top: 8px }
		.reply-content .mui-icon{font-size: 14px;float: right;margin-left: 20px;color: #4e4e4e;margin-top: 10px;}
		.reply-content .mui-active,.comment-content .mui-active{color: #E94709;}
		.reply-content{margin-top: 5px;font-size:13px; white-space:normal;word-break:break-all;word-wrap:break-word;line-height: 20px; }
		.mui-scroll{position: unset;margin-bottom:20%;padding: 1% 5%;}
		.hide { display: none; }
		.mui-popover .mui-scroll-wrapper{top: -175px;height: 170px}
		.mui-popover .mui-scroll-wrapper .mui-scroll{padding: 0;}
		.mui-popover .mui-scroll .mui-table-view{margin: 0;min-height: 170px;}
		.backTop { background: #DDDDDD; border-radius: 50%; position: fixed; right: 10px; bottom: 70px; width: 38px; height: 38px; z-index: 9999; text-align: center; font-size: 18px; color: #666666; padding-top: 8px; opacity: 0.8; }
		.proname{text-align: left; font-size: 15px;color: #000000;}
		.protitle{ text-align: left;font-size: 10px;}
		.proprice{text-align: left;color: red; font-size: 13px;}
		.probtn{top: 25%;right: 0;padding: 5px 15px;font-size: 12px;border-radius: 20px;color: white;background-color: #E94709;position: absolute;}
		#commentList .mui-media{border: 0;background: #ffffff;}
		#commentList{margin-bottom: 10px;}
		.commentBtn{padding: 5px 12px;border-radius: 8px;border: 1px solid #ccc;color: #333333;}
		.mui-input-group .mui-input-row:after{height: 0}
		</style>
		<!-- 公共头部start -->
		<header class="mui-bar mui-bar-nav">
			<a class="top-return mui-action-back"><img src="{$aideUrl}app/resource/aitimt/images/return.png" ></a>
			<a class="top-logo"><img src="{$aideUrl}app/resource/aitimt/images/logo.png" ></a>
			<!--公共菜单start -->
			{template 'aitimt/common/menu'}
			<!-- 公共菜单end-->
		</header>
		<!-- 公共头部end -->
		<div class="item-content" id="item-content" style="background-color:#fff;">
			{if $activity['atlas']!='N;'}
			{if empty($atlas[1])}
			<img src="{php echo tomedia($activity['thumb'])}">
			{else}
			<div class="mui-slider">
				<div class="mui-slider-group mui-slider-loop">
					<!--支持循环，需要重复图片节点-->
					{loop $atlas $k $row}
					<div class="mui-slider-item mui-slider-item-duplicate"><img src="{php echo tomedia($row)}" data-aid="{$k}" /></div>
					{php break;}
					{/loop}
					{loop $atlas $k $row}
					<div class="mui-slider-item"><img src="{php echo tomedia($row)}" data-aid="{$k}"/></div>
					{/loop}
					<!--支持循环，需要重复图片节点-->
					{loop $atlas $k $row}
					<div class="mui-slider-item mui-slider-item-duplicate"><img src="{php echo tomedia($row)}" data-aid="{$k}" /></div>
					{php break;}
					{/loop}
				</div>
				<div class="mui-slider-indicator">
					{loop $atlas $k $row}
					<div class="mui-indicator{if $k==0} mui-active{/if}"></div>
					{/loop}
				</div>
			</div>
			<script>var gallery = mui('.mui-slider');gallery.slider({interval:3000});</script>
			{/if}

			{else}
		                <img src="{php echo tomedia($activity['thumb'])}">

			{/if}


			<p class="item-txt">
						<span class="item-title">{$activity['title']}</span>
							{if $activity['aprice']==0}
							<span class="item-price">免费</span>
							{else}
							<span class="item-price">￥{$activity['aprice']}<span class="item-qi">起</span></span>
							{/if}
						</p>

						<span class="item-addtime">
							<span>比赛:{$activity['starttime']}</span>
							<p class=' mui-icon iconfont icon-didian'>{$activity['address']}</p><br>
							<span style="margin-left: 5%;">报名:{$activity['joinstime']}至{$activity['joinetime']}</span>
						</span>
		</div>
		<div class="mui-content" style="padding: 0;background: #ffffff;">
			<div class="mui-popup-backdrop mui-active"  id="pophei" onclick="ff()" style="display: none;"></div>
			<div id="slider" class="mui-slider">
				<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<a class="mui-control-item mui-active" href="#item1mobile">赛事详情</a>
					{if count($proList)>1}
					<style>
						.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active:after{content: '';position: absolute;bottom: 0;height: 3px;width: 22%;display: -webkit-box;margin-left: 5%;background-color: #E94709;}
					</style>
					<a class="mui-control-item" href="#item2mobile">报名项目</a>
					{/if}

					<a class="mui-control-item" href="#item3mobile">评论</a>
				</div>
				<div class="mui-slider-group">
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
							<div class="mui-scroll">
												{$activity['detail']}
							</div>
					</div>
					<div id="item2mobile" class="mui-slider-item mui-control-content">
							<div class="mui-scroll">
								<ul class="mui-table-view">
								{if $proList==null}
								<li class="mui-table-view-cell">
									<p class="proname" style="text-align: left; font-size: 20px;color: #000000;">暂无项目</p>
								</li>
								{else}
								{loop $proList $pro}
								<li class="mui-table-view-cell" style="border-radius: 0;">
									<p class="proname">{$pro['name']}</p>
									<p class="protitle">{$pro['title']}</p>
									<p class="proprice">{if $pro['pprice']!=0}￥{$pro['pprice']}/人{else}免费{/if}</p>
									<button class="probtn" onclick="confirm({$pro['id']})" type="button">立即报名</button>

								</li>
								{/loop}
								{/if}
							</ul>
							</div>

					</div>
					<div id="item3mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll">
							<ul class="mui-table-view" id="commentList" >
								{if empty($commentList[0])}
								<li class="mui-table-view-cell mui-media" style="text-align: center;">
									没有评论
								</li>
								{/if}
								{loop $commentList $comment}
								<li class="mui-table-view-cell mui-media">
									<div>
										<img class="mui-media-object mui-pull-left comment-img" src="{if $comment['avatar']}{$comment['avatar']}{else}{$aideUrl}app/resource/aitimt/images/shuijiao.jpg{/if}">
										<div class="comment-nickname">{$comment['nickname']}
											<p class="comment-time">{$comment['created_at']}</p>
										</div>
										<div class="comment-content">{$comment['content']}
												<a class="mui-icon mui-icon-chatboxes setParent" href="#comment" data-pid="{$comment['id']}" data-tid="{$comment['uid']}">{if empty($comment['child'])}0{else}{php echo count($comment['child'])}{/if}</a>
												<span class="mui-icon iconfont icon-zan {if in_array($comment['id'],$goodList)} mui-active{/if}" onclick="good(this,{$comment['id']},{$comment['uid']})">{$comment['good']}</span>
										</div>

										{if !empty($comment['child'])}
										{loop $comment['child'] $item}
										<div class="reply-list">
											<img class="mui-media-object mui-pull-left reply-img" src="{if $item['avatar']}{$item['avatar']}{else}{$aideUrl}app/resource/aitimt/images/shuijiao.jpg{/if}">
											<div class="reply-nickname">{$item['nickname']}
												<p class="reply-time">{$item['created_at']}</p>
											</div>
											<div class="reply-content">{$item['content']}
												<a class="mui-icon mui-icon-chatboxes setParent" href="#comment" data-pid="{$comment['id']}" data-tid="{$item['uid']}" >&nbsp;&nbsp;</a>
												<span class="mui-icon iconfont icon-zan {if in_array($item['id'],$goodList)} mui-active{/if}" onclick="good(this,{$item['id']},{$item['uid']})">{$item['good']}</span>
											</div>
										</div>
										{/loop}
										{/if}
									</div>
								</li>
								{/loop}
							</ul>
							<a class="commentBtn setParent" href="#comment" data-pid="0" data-tid="0">评&nbsp;论</a>
						</div>
					</div>

				</div>
			</div>
		</div>
        {if $_SESSION['status']=='login'}
		<div id="comment"  style="z-index: 999;bottom: 30%;font-size: 14px;" class="box mui-popover mui-popover-action mui-popover-bottom">
			<form style="background-color: #eee;">
				<textarea class="comment-textarea" name="content" placeholder="请输入您的评论" id="content" value=""></textarea>
				<button style="border-radius: 10px;margin-left: 5%;" type="button" onclick="toComment()">评&nbsp;论</button>
			</form>
		</div>
		<div id="pro"  style="z-index: 999;" class="box mui-popover mui-popover-action mui-popover-bottom">
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view" >
						<li class="mui-table-view-cell" style="text-align: left;color: #000000; margin: 0 15px;">项目</li>
						{if $proList==null}
						<li class="mui-table-view-cell">
							<p class="proname" style="text-align: left; font-size: 20px;color: #000000;">暂无项目</p>
						</li>
						{else}
						{loop $proList $pro}
						<li class="mui-table-view-cell" style="margin: 0 15px;border-radius: 0;">
							<p class="proname">{$pro['name']}</p>
							<p class="protitle">{$pro['title']}</p>
							<p class="proprice">{if $pro['pprice']!=0}￥{$pro['pprice']}/人{else}免费{/if}</p>
							<button class="probtn" onclick="confirm({$pro['id']})" type="button">立即报名</button>
						</li>
						{/loop}
						{/if}
					</ul>
				</div>
			</div>
		</div>
		<div id="remind"  style="z-index: 999;bottom: 30%;font-size: 14px;" class="box mui-popover mui-popover-action mui-popover-bottom">
			<form class="mui-input-group" style="margin: 0 15%;border-radius: 8px;">
				<div class="mui-input-row mui-checkbox mui-left">
					<label>开始报名时提醒我</label>
					<input name="checkbox" value="1" id="jsTask" type="checkbox" {if $task[0]['js_status']}checked{/if}>
				</div>
				<div class="mui-input-row mui-checkbox mui-left">
					<label>名额紧张时提醒我</label>
					<input name="checkbox" value="2" id="sumTask" type="checkbox" {if $task[0]['sum_status']}checked{/if}>
				</div>
				<div class="mui-input-row mui-checkbox mui-left">
				<label>截止报名前一星期提醒我</label>
					<input name="checkbox" value="2" id="jeTask" type="checkbox" {if $task[0]['je_status']}checked{/if}>
				</div>
				<button style="border-radius: 10px;margin: 0 40%;" onclick="task()" type="button">确认</button>
			</form>
		</div>
        {/if}
		<a id="scrollToTop" class="backTop "> <span class="mui-icon mui-icon-arrowup"></span> </a>
		<!-- 报名底部start -->
		<nav class="mui-bar mui-bar-tab" id="bottom-tab">
			{if ($activity['joinetime']<date("Y-m-d H:i:s",time()))}
			<a class="mui-tab-item endbao">
				<span class="mui-tab-label">提醒</span>
			</a>
			{else}
			<a class="mui-tab-item remind" href="#remind">
				<span class="mui-tab-label">提醒</span>
			</a>
			{/if}

			{if $collectList[0]['status']==1}
			<a class="mui-tab-item"  id="collect" onclick="collect()">
				<span class="mui-tab-label" id="collectText" style="color:#E94709;">已关注</span>
			</a>
			{else}
			<a class="mui-tab-item" id="collect" onclick="collect()">
				<span class="mui-tab-label" id="collectText">关注</span>
			</a>
			{/if}
			<a class="mui-tab-item" onclick="toquery()">
				<span class="mui-tab-label">报名查询</span>
			</a>
			{if ($activity['joinetime']<date("Y-m-d H:i:s",time()))}
			<a class="mui-tab-item endbao">
				<span class="mui-tab-label">报名截止</span>
			</a>
			{else}
			{if count($proList)>1}
			<a class="mui-tab-item baoming"  href="#pro">
				<span class="mui-tab-label">立即报名</span>
			</a>
			{else}
			<a class="mui-tab-item baoming p1" data-value="{$proList[0]['id']}">
				<span class="mui-tab-label">立即报名</span>
			</a>

			{/if}

			{/if}
		</nav>

		<!-- 报名底部end -->
		<script type="text/javascript">
            mui('.mui-bar-tab').on('tap','.p1',function(){

                confirm($(this).attr('data-value'))

            });
            {if ($activity['is_show']==0)}
            var btnArray = ['确定'];
            var msg='当前活动已结束';
            mui.confirm(msg,'',btnArray, function(e) {
                location.href ="javascript:history.go(-1)";
            });
			{/if}
				function onload(){
                    localStorage.removeItem('parentid');
                    $(".setParent").on("tap",function(){
                        var pid = $(this).attr('data-pid');
                        var tid = $(this).attr('data-tid');
                        console.log(pid);
                        localStorage.setItem('parentid',pid);
                        localStorage.setItem('tid',tid);
                    });
                    $(".mui-bar").on("tap",".baoming",function(){
                        popComment('pro');
                    });
                    $(".mui-bar").on("tap",".remind",function(){
                        popComment('remind');
                    });
                    $(".mui-scroll").on("tap",".commentBtn",function(){
                        popComment('comment');
                    });
                    $(".comment-content").on("tap",".mui-icon-chatboxes",function(){
                        popComment('comment');
                    });
                    $(".reply-content").on("tap",".mui-icon-chatboxes",function(){
                        popComment('comment');
                    });
            }
            onload();
			function popComment(type){
                {if $_SESSION["status"]!='login'}
                var btnArray = ['不登录', '去登陆'];
                var msg='登录后才可使用此功能';
                mui.confirm(msg, '系统提示', btnArray, function(e) {
                    if (e.index == 1) {
                        window.location.href="{php echo app_url('home/index/login1')}";
                    }else {
                        ff()
                }
                });
                return false;
                {/if}
				if (document.getElementById(type).className.indexOf('mui-active')==-1){
					document.getElementById('pophei').style.setProperty('display','block');
					document.getElementById('scrollToTop').style.setProperty('display','none');
					document.getElementById('bottom-tab').style.setProperty('display','none');
				} else {
					document.getElementById('pophei').style.setProperty('display','none');
					document.getElementById('scrollToTop').style.setProperty('display','block');
					document.getElementById('bottom-tab').style.setProperty('display','block');
				}
			}
			function task(){
				var js_status=0,je_status=0,sum_status=0;
				if($("#jsTask").is(':checked')) {
					js_status=1
				}
				if($("#jeTask").is(':checked')) {
					je_status=1
				}
				if($("#sumTask").is(':checked')) {
					sum_status=1
				}
				var arr={aid:{$activityid},type:'task',js_status:js_status,je_status:je_status,sum_status:sum_status};
                $.post("{php echo app_url('home/index/detail')}",arr,function(data){
                    util.toast(data.msg);
                    document.getElementById('pophei').style.setProperty('display','none');
					document.getElementById('remind').style.setProperty('display','none');
					document.getElementById('remind').classList.remove("mui-active");
					document.getElementById('bottom-tab').style.setProperty('display','block');
			},"json");
            }
            mui('.mui-scroll-wrapper').scroll({ deceleration: 0.0005 });


			var scrollToTopBox = document.getElementById('scrollToTop'); //返回按钮tap
			scrollToTopBox.onclick=function goTop(){
				mui.scrollTo(0,300)
				}
			mui('.mui-slider').slider().stopped = true;
			function confirm(id) {
				if(id==null){
					var btnArray = ['取消', '确定'];
					var msg='暂无项目';
					mui.confirm(msg, '系统提示', btnArray, function(e) {
					});
				}

				{if $_SESSION["status"]!='login'}
                var btnArray = ['不登录', '去登陆'];
                var msg='登录后才可报名';
                mui.confirm(msg, '系统提示', btnArray, function(e) {
                    if (e.index == 1) {
                        window.location.href="{php echo app_url('home/index/login')}";
                    }else {
                        ff()
                    }
                });
                return false;
				{/if}
				{if ($activity['joinetime']<date("Y-m-d H:i:s",time()))}
				var btnArray = ['确定'];
				var msg='当前活动已截止报名';
				mui.confirm(msg, '系统提示', btnArray, function(e) {
				});
				return false;
				{/if}
				{if ($activity['joinstime']>date("Y-m-d H:i:s",time()))}
				var btnArray = ['确定'];
				var msg='当前活动暂未开始报名';
				mui.confirm(msg, '系统提示', btnArray, function(e) {
				});
				return false;
				{/if}
				var btnArray = ['不同意', '同意'];
				var msg='1.参赛者在报名之前请务必仔细阅读参赛须知中的健康要求，若因身体条件不足参赛导致的身体不适或意外，责任后果自负。<br>2.因奖牌为定制类商品，一经报名成功，恕不接受退款申请，完赛奖牌将于活动结束后20个工作日内统一寄送，寄出后会有短信通知。<br>3.本次活动最终解释归主办方所有，未尽事宜,另行通知';
				mui.confirm(msg, '组委会声明', btnArray, function(e) {
					if (e.index == 1) {
						var is_back=0;
						window.location.href="{php echo app_url('home/join/display').'&activityid='.$activityid.'&proid='}"+id+"&is_back="+is_back;
					}else {
						ff()
					}
				});
				}
				function toquery() {
                    window.location.href="{php echo app_url('home/index/query').'&activityid='.$activityid}";
                }
            function collect() {
                {if $_SESSION["status"]!='login'}
                var btnArray = ['不登录', '去登陆'];
                var msg='登录后才可使用此功能';
                mui.confirm(msg, '系统提示', btnArray, function(e) {
                    if (e.index == 1) {
                        window.location.href="{php echo app_url('home/index/login1')}";
                    }else {
                        ff()
                    }
                });
                return false;
                {/if}
                var x = document.getElementById("collectText");
                $.post("{php echo app_url('home/index/detail')}",{type:'collect',activityid:{$activityid}},function(data){
                    if (data.errno==1){
                        x.innerHTML="已关注";
                        x.style='color:#E94709;';

                    }else {
                        x.innerHTML="关注";
                        x.style='color:#555657;';
                    }
                    util.toast(data.msg);
                },"json");
            }
			function good(cc,id,tid) {
                {if $_SESSION["status"]!='login'}
                var btnArray = ['不登录', '去登陆'];
                var msg='登录后才可使用此功能';
                mui.confirm(msg, '系统提示', btnArray, function(e) {
                    if (e.index == 1) {
                        window.location.href="{php echo app_url('home/index/login')}";
                    }else {
                        ff()
                    }
                });
                return false;
                {/if}
				var sum=Number(cc.innerHTML);
				var arr={type:'good',cid:id,sum:sum,tid:tid};
					$.post("{php echo app_url('home/index/detail')}",arr,function(data){
						if (data.errno==0){
							cc.innerHTML=data.sum;
                            cc.classList.add('mui-active');
							util.toast(data.msg);
						}else {
							cc.innerHTML=data.sum;
							cc.classList.remove('mui-active');
							util.toast(data.msg);
						}
					},"json");
			}
            function toComment() {
                {if $_SESSION["status"]!='login'}
                var btnArray = ['不登录', '去登陆'];
                var msg='登录后才可使用此功能';
                mui.confirm(msg, '系统提示', btnArray, function(e) {
                    if (e.index == 1) {
                        window.location.href="{php echo app_url('home/index/login')}";
                    }else {
                        ff()
                    }
                });
                return false;
                {/if}
                var content=document.getElementById('content').value;
                if (!content){
                    util.toast("请输入评论内容");
                    return false;
                }
                document.getElementById('bottom-tab').style.setProperty('display','block');
                var pid=localStorage.getItem('parentid');
                var tid=localStorage.getItem('tid');
                var arr={type:'comment',content:content,pid:pid,tid:tid,activityid:{$activityid}};
                var result='';
                $.post("{php echo app_url('home/index/detail')}",arr,function(res){
                    if (res.errno==1){
                        util.toast(res.msg);
                        for (var i=0;i<res.data.length;i++){
                          var cLength= res.data[i].child? res.data[i].child.length:0;
                            res.data[i].avatar= res.data[i].avatar? res.data[i].avatar:'{$aideUrl}app/resource/aitimt/images/shuijiao.jpg';
                           var ractive='';
                            if (res.data[i].gStatus==1){
                        		ractive='mui-active';
                            }
                            result+='<li class="mui-table-view-cell mui-media">\n' +
									'<div>\n' +
									'<img class="mui-media-object mui-pull-left comment-img" src='+res.data[i].avatar+'>\n' +
									'<div class="comment-nickname">'+res.data[i].nickname+'\n' +
									'<p class="comment-time">'+res.data[i].created_at+'</p>\n' +
									'</div>\n'+
									'<div class="comment-content">'+res.data[i].content+'' +
									'<a class="mui-icon mui-icon-chatboxes setParent" href="#comment" data-pid='+res.data[i].id+' data-tid='+res.data[i].uid+'>'+cLength+'</a>\n' +
									'<span class="mui-icon iconfont icon-zan '+ractive+'" onclick="good(this,'+res.data[i].id+','+res.data[i].uid+')">'+res.data[i].good+'</span>\n'+
									'</div>\n' ;
								if(cLength>0){
									var child=res.data[i].child;
									for (var j=0;j<cLength;j++) {
                                        var cactive='';
                                        if (child[j].gStatus==1){
                                            cactive='mui-active';
                                        }
                                        child[j].avatar=child[j].avatar?child[j].avatar:'{$aideUrl}app/resource/aitimt/images/shuijiao.jpg';
                                        result+='<div class="reply-list">\n' +
										'<img class="mui-media-object mui-pull-left reply-img" src='+child[j].avatar+'>\n' +
										'<div class="reply-nickname">'+child[j].nickname+'\n' +
										'<p class="reply-time">'+child[j].created_at+'</p>\n' +
										'</div>\n' +
										'<div class="reply-content">'+child[j].content+'' +
										'<a class="mui-icon mui-icon-chatboxes setParent" href="#comment" data-pid='+res.data[i].id+' data-tid='+child[j].uid+'>&nbsp;</a>\n' +
										'<span class="mui-icon iconfont icon-zan '+cactive+'" onclick="good(this,'+child[j].id+','+child[j].id+')">'+child[j].good+'</span>\n' +
										'</div>\n' +
										'</div>'
									 }
								}

                            result+='</div></li>';
						}

						document.getElementById('commentList').innerHTML=result;
                        onload();
                    }else {
                        util.toast(data.msg);
                    }
                    document.getElementById('comment').style.setProperty('display','none');
                    document.getElementById('comment').classList.remove("mui-active");
                    document.getElementById('pophei').style.setProperty('display','none');
                },"json");
            }
		</script>

	</body>

</html>
